<!--{template common/header}-->
<!--[name]quater_2023_dji文章频道[/name]-->
<!--{eval $list = array();}-->
<!--{eval $wheresql = category_get_wheresql($cat);}-->
<!--{eval $list = category_get_list($cat, $wheresql, $page);}-->

<link rel="stylesheet" type="text/css" href="template/quater_2023_dji/portal/list/zixun.css?{VERHASH}" />
<script src="template/quater_2023_dji/src/js/jquery.superslide.js?{VERHASH}" type="text/javascript"></script>
<script src="template/quater_2023_dji/src/js/sticky.js?{VERHASH}" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" id="time_diy" href="template/quater_2023_dji/portal/list/portal.css?{VERHASH}" />

<!--{ad/text/wp a_t}-->
<style id="diy_style" type="text/css"></style>
<style type="text/css">
body { font-family: mipro !important}
.nav-list { border-bottom: 1px solid #f5f6f7}
.entry-left-list[data-v-245b551e] { width: 100% !important}
.item-content {
    height: 100%;
    overflow: hidden;
    padding: 20px 24px;
}
.item-content { width: 100%; box-sizing: border-box}
.card-circle {
  font-size: 12px;
  background: #3A89EA;
  -webkit-border-radius: 4px;
  background: rgba(58, 137, 234, 0.1) !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  -ms-border-radius: 2px !important;
  color: #3A89EA;
  -o-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  padding: 0px 8px !important;
  margin-right: 7px;
  height: 24px !important;
  line-height: 24px !important;
  cursor: pointer;
  display: inline-block;
}
.card-circle > img {
  display: none;
  float: left;
  margin-top: 8px;
  margin-right: 4px;
  width: 14px;
  height: 14px;
}
.card-circle > span {
  color: #3A89EA !important;
}
.item-content .right-wrap .item-info .right[data-v-233fb7ac] { font-size: 12px !important}
@media (max-width: 800px) {
body { font-family: Arial, Helvetica, sans-serif,'Microsoft Yahei' !important}
.mi_section { width: 100% !important}
.nav-list { padding: 20px 4% !important}
.nav-list li { margin: 0 30px 0 0}
.nav-list li:last-child { margin: 0 !important}
.item-content .right-wrap .desc-wrap .desc[data-v-233fb7ac] { max-height: 44px; line-height: 22px !important}
.left_box { width: 92% !important; margin: 0 4% 20px 4%}
.mn { width: 100% !important}
.sd { display: none !important}

.home-side-nav[data-v-461e8eb2] { display: none}
.item-content[data-v-233fb7ac] { padding: 15px}
.entry-left-list[data-v-245b551e] { width: 100%}
.item-content .right-wrap .title-wrap .title[data-v-233fb7ac] { max-height: 28px; font-size: 16px; overflow: hidden}
.item-content .right-wrap .desc-wrap[data-v-233fb7ac] { margin-top: 10px}
.item-content .right-wrap .desc-wrap .desc[data-v-233fb7ac] { font-size: 13px}
.news-list .home-list-wrap .item[data-v-6171d532] { min-height: inherit}
.item-content .left-wrap[data-v-233fb7ac] { width: 120px; height: 80px}
.item-content .right-wrap[data-v-233fb7ac] { height: 80px; width: calc(100% - 135px)}
.item-content .right-wrap .item-info[data-v-233fb7ac] { display: none}

.banner { width: 100% !important; height: 150px !important}
.banner .pic img { width: 100% !important; height: auto !important}
.banner .hd { display: none}

.BorderWithTitle .wrap { display: inline-block !important; width: 100%; box-sizing: border-box}
.rec-book-item[data-v-4f4c42cd] { float: left; width: 18%; margin: 5px 2.5% 5px 0 !important}
.rec-book-item[data-v-4f4c42cd]:nth-child(5) { margin: 5px 0 !important}
.card-bookInfo-cover[data-v-8bc547da] img { width: auto !important; height: 90px !important}
.card-bookInfo-cover[data-v-8bc547da] { height: 90px;     border-radius: 4px; overflow: hidden}
.rec-book-item[data-v-4f4c42cd] .title { height: auto !important; max-height: 40px !important; display: block; line-height: 20px !important; margin: 5px 0 0 0 !important; font-size: 12px !important}
.BorderWithTitle.TodayRecBooks .wrap { border-radius: 4px !important}
.BorderWithTitle .border-title { padding: 0 !important}
.border-title { font-size: 14px !important}
.mn { width: 100% !important}
.vote[data-v-d87db5e0] { display: none !important}
}
</style>
<div class="wp">
  <!--[diy=diy1]-->
  <div id="diy1" class="area"></div>
  <!--[/diy]-->
</div>

    <div class="picBtnTop-wrap cl" style="margin: 20px 0 0 0;">
     <div class="cl" style="float: left; width: 874px;">
      <!--[diy=diy_f_news_l1]--><div id="diy_f_news_l1" class="area"></div><!--[/diy]-->
     </div>
     <div class="cl" style="float: right; width: 300px;">
      <!--[diy=diy_f_news_l2]--><div id="diy_f_news_l2" class="area"></div><!--[/diy]-->
     </div>
    </div>
<div id="ct" class="ct2 wp inside_box cl" style="margin: 0;">
  <div class="left_box" style="float: left; width: 874px; box-shadow: none; border-radius: 10px; overflow: hidden; background: #FFFFFF;">
  <div class="mn cl" style="float: none; width: 874px; padding: 0; margin: 0; box-shadow: none; border-radius: 0; overflow: hidden; background: #FFFFFF;">
  <div class="secondary-nav cl">

            <ul class="nav-list cl">
            
            <!--{if $elec_menu}-->

            	<!--{if $cat[others]}-->
                
                    <!--{loop $cat[others] $value}-->

                        <li class="elec_menu1_cur"><a href="{$portalcategory[$value['catid']]['caturl']}" title="$value[catname]" {if $value['catid'] == $cat['catid']}class="a"{/if}>$value[catname]</a></li>

                    <!--{/loop}-->

                <!--{/if}-->

            <!--{else}-->

                <!--{if $cat[subs]}-->
                    <li><a style="font-size: 15px; color: rgba(0,0,0,0.85);">全部</a></li>

                    <!--{loop $cat[subs] $value}-->

                        <li class="elec_menu1_cur"><a href="{$portalcategory[$value['catid']]['caturl']}" title="$value[catname]" {if $value['catid'] == $cat['catid']}class="a"{/if}>$value[catname]</a></li>

                    <!--{/loop}-->

                <!--{else}-->

                    <!--{if $cat[others]}-->
                        <!--{loop $cat[ups] $value}--><li><a href="{$portalcategory[$value['catid']]['caturl']}">全部</a></li><!--{/loop}-->

                        <!--{loop $cat[others] $value}-->

                            <li class="elec_menu1_cur"><a href="{$portalcategory[$value['catid']]['caturl']}" title="$value[catname]" {if $value['catid'] == $cat['catid']}class="a"{/if}>$value[catname]</a></li>

                        <!--{/loop}-->

                    <!--{/if}-->

                <!--{/if}-->

            <!--{/if}-->

            </ul>

        </div>
  <!--[diy=diy_topic]--><div id="diy_topic" class="area"></div><!--[/diy]-->
    <!--{ad/articlelist/mbm hm/1}--><!--{ad/articlelist/mbm hm/2}--> 
    <!--[diy=listcontenttop]--><div id="listcontenttop" class="area"></div><!--[/diy]-->
    <div class="bm" style="margin: 0; background: none;">
      <!-- 文章列表 begin -->
<div data-v-245b551e class="entry-left-list cl">
        <div class="home-list cl">
        <div class="news-list cl">
        <ul class="home-list-wrap cl">
        <!--{loop $list['list'] $value}--> 
        <!--{eval $highlight = article_title_style($value);}--> 
        <!--{eval $article_url = fetch_article_url($value);}-->
        <div class="loading_box cl">
<li data-v-6171d532="" class="item" <!--{if $value[pic]}--><!--{else}-->style="min-height: 65px;"<!--{/if}-->>
  <div data-v-233fb7ac="" data-v-6171d532="" class="item-content">
    <!--{if $value[pic]}-->
    <div data-v-233fb7ac="" class="left-wrap"><a href="$article_url" data-v-233fb7ac="" target="_blank"><img data-v-233fb7ac="" alt="" src="$value[pic]" lazy="loaded"></a>
    </div>
    <!--{/if}-->
    <div data-v-233fb7ac="" class="right-wrap" <!--{if $value[pic]}--><!--{else}-->style="width: 100%; height: 65px;"<!--{/if}-->>
      <div data-v-233fb7ac="" class="item-main">
        <h2 data-v-233fb7ac="" class="title-wrap"><a href="$article_url" data-v-233fb7ac="" class="title" target="_blank">$value[title]</a></h2>
        <div data-v-233fb7ac="" class="desc-wrap" <!--{if $value[pic]}--><!--{else}-->style="display: none;"<!--{/if}-->>
          <div data-v-233fb7ac="" class="desc">$value[summary]</div>
        </div>
      </div>
      <div data-v-233fb7ac="" class="item-info" <!--{if $value[pic]}--><!--{else}-->style="display: block;"<!--{/if}-->>
        <div class="card-circle" style="float: left; width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: rgba(255, 96, 91, .06);
    padding: 0 14px;
    border-radius: 30px;
    height: 30px;
    line-height: 30px; float: left;"><img src="template/quater_2023_dji/portal/menhu/left_circle.png" alt="" style="float: left;
    margin-top: 8px;
    margin-right: 4px;
    width: 14px;
    height: 14px;"><span style="color: #ff6661; font-size: 14px;">$value[catname]</span></div><span data-v-233fb7ac="" class="right"><span data-v-233fb7ac="" class="item">
        {eval $query = DB::query("SELECT t1.viewnum from ".DB::table('portal_article_count')." t1 inner join ".DB::table('portal_article_title')." t2 on t1.aid=t2.aid WHERE t2.aid=$value[aid]"); $time_info = DB::fetch($query);echo $time_info['viewnum'];} 浏览</span> <span data-v-233fb7ac="" class="item">
        <img src="template/quater_2023_dji/portal/menhu/res_.77116916.svg" alt="" style="float: left; margin: 1px 5px 0 0;">
        {eval $query = DB::query("SELECT t1.commentnum from ".DB::table('portal_article_count')." t1 inner join ".DB::table('portal_article_title')." t2 on t1.aid=t2.aid WHERE t2.aid=$value[aid]"); $time_info = DB::fetch($query);echo $time_info['commentnum'];} </span></span></div>
    </div>
  </div>
</li>
</div>
        <!--{/loop}--> 
        </ul>
</div>
</div>
      </div>
      <!-- 文章列表 end --> 
      <!--[diy=listloopbottom]-->
      <div id="listloopbottom" class="area"></div>
      <!--[/diy]--> 
    </div>
    <!--{ad/articlelist/mbm hm/3}--><!--{ad/articlelist/mbm hm/4}-->
    
    <!--[diy=diycontentbottom]-->
    <div id="diycontentbottom" class="area"></div>
    <!--[/diy]--> 
  </div>
    <!--{if $list['multi']}-->
    <div class="pgs cl" style="margin-top: 0;">{$list['multi']}</div>
    <!--{/if}-->
  </div>
  <div class="sd pph" style="box-shadow: none;">
    <div class="drag"> 
      <!--[diy=diyrighttop]-->
      <div id="diyrighttop" class="area"></div>
      <!--[/diy]--> 
    </div>
    
    <!--[diy=ad11]--><div id="ad11" class="area"></div><!--[/diy]-->
    
    <!-- 推荐阅读 -->
    <div class="sbody cl" style="margin: 0;">
      <!--[diy=sbody]-->
      <div id="sbody" class="area"></div>
      <!--[/diy]--> 
    </div>

    <div class="drag"> 
      <!--[diy=diy2]-->
      <div id="diy2" class="area"></div>
      <!--[/diy]--> 
    </div>
  </div>
</div>
<div class="wp mtn"> 
  <!--[diy=diy3]-->
  <div id="diy3" class="area"></div>
  <!--[/diy]--> 
</div>
<script type="text/javascript">
      jQuery(".boardList-Mux4Z").sticky({ topSpacing: 76,bottomSpacing: 75});
</script>
<script type="text/javascript">
   jQuery(".focusBox").slide({ mainCell:".bd ul",effect:"fold",autoPlay:true,delayTime:300});
</script>
<!--{template common/footer}-->